<template>
    <el-row>
        <el-col class="padd20 mt20" style="padding: 10px 60px 10px 50px;">
            <div class="box box-tb box-align-start" style="padding: 0 10px;">
                <div class="tl title mb10">教学目标</div>
                <div class="tl" style="padding: 0 20px;" v-html="cousinfo.target"></div>
            </div>
            <div class="box box-tb box-align-start mt30" style="padding: 0 10px;">
                <div class="tl title mb10">课程介绍</div>
                <div class="tl" style="padding: 0 20px;" v-html="cousinfo.info"></div>
            </div>
        </el-col>
    </el-row>
</template>

<script>
    export default {
        props:{
          cousinfo:{}
        },
        data() {
            return {

            }
        },
        mounted() {
            console.log(this.cousinfo)
        },
        methods: {}
    }
</script>

<style scoped lang="scss">
.title {
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    padding: 0 10px;
    background-color: #e0def6;
    color: #000;
    font-size: 16px;
}

</style>
